<script lang="ts" setup>
import { getImg } from "@/utils";
import useSchIpt from "./hooks/useSchIpt";
const { setSchIpt } = useSchIpt();
const router = useRouter();
</script>
<template>
  <div
    class="sticky left-0 top-0 w-full h-42 bg-[#fff] shadow-[0px_1px_3px_0px_rgba(0,0,0,0.2)] flex justify-start items-center"
  >
    <div class="mx-16 h-full flex-center">
      <img
        @click="router.back()"
        class="h-20"
        :src="getImg('zy_fh.png')"
        alt=""
      />
    </div>
    <div class="w-294 h-29 relative">
      <img
        class="w-16 h-17 absolute left-11 top-50% translate-y-[-50%]"
        :src="getImg('ss_ss.png')"
        alt=""
      />
      <input
        ref="iptRef"
        class="w-full h-full rounded-29 bg-[#F3F3F3] pl-35 text-16 color-[#333]"
        type="text"
        @input="setSchIpt"
      />
    </div>
  </div>
</template>
